<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">


<head th:include="include/admin/adminHeader::html('用户管理')" ></head>
<!--富文本编辑器-->

<meta name="viewport" content="width=device-width, initial-scale=1">
<body style="margin: 0px;padding: 0px;height: 100%">
<div class="panel panel-primary" style="width: 100%;height: 100%;">
    <div class="panel-heading">网上报警</div>
    <div class="panel-body">
        <div class="input-group" style="margin: 10px">
            <span class="input-group-addon glyphicon glyphicon-pencil"><span style="margin-left: 4px">简要描述</span></span>
            <input type="text" class="form-control"  aria-describedby="basic-addon3">
        </div>
        <div class="input-group" style="margin: 10px">
            <span class="input-group-addon glyphicon glyphicon-user"><span style="margin-left: 4px">报警人</span></span>
            <input type="text" class="form-control"  aria-describedby="basic-addon3">
        </div>
        <div class="input-group" style="margin: 10px">
            <span class="input-group-addon glyphicon glyphicon-map-marker" ><span style="margin-left: 4px">地址</span></span>
            <input type="text" class="form-control"  aria-describedby="basic-addon3">
        </div>
        <div class="input-group" style="margin: 10px">
            <span class="input-group-addon glyphicon glyphicon-send"   aria-hidden="true"><span style="margin-left: 4px">联系电话</span></span>
            <input type="text" class="form-control"  aria-describedby="basic-addon3">
        </div>

        <div id="editor">
            <p>在此处描述细节</p>
        </div>
        <div style="margin: 10px">
            <div class="dropdown" style="width: 70%;margin-left:15%;">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="true">
                    警情等级
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li class="alert alert-danger"><a href="#">十分危急，急需解决</a></li>

                    <li class="alert alert-warning"><a href="#">影响生活，尽快解决</a></li>

                    <li class="alert alert-info"><a href="#">提出建议，希望解决</a></li>

                </ul>
            </div>

        </div>

        <button type="button" class="btn btn-default btn-lg" style="width: 80%;margin-left:10%; ">
            <span class="glyphicon glyphicon-send" aria-hidden="true"></span> 提交
        </button>

    </div>

</div>


<!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！-->
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script>
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
    // 或者 var editor = new E( document.getElementById('editor') )
    editor.customConfig.menus = [

        'link',  // 插入链接
        'image',  // 插入图片
        'video',  // 插入视频

    ]
    editor.create()
</script>

</body>
</html>